<style>
.fe-floatright-bottom .icon {
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 100%;
    color: #fff;
    line-height: 1.6rem;
}
</style>
<div class="fui-page fui-page-current" ng-if="pagedata.op=='list'">
	<div class="fui-content">
	<div class="jy-content">
		<div class="fui-cell-group fui-comment-group" ng-repeat="item in pagedata.list">	
				<div class="fui-cell" href="javascript:;" ng-click="access_json('jy_chatgpt/mychat/detail/chatid='+item.id)">
					<div class="fui-cell-text">
						<div class="text bold" style="font-size:0.65rem;color:#5c5c5c">{{item.askmsg || '标题'}}</div>
						<div class="text" style="font-size:0.65rem">{{item.msgnum || '对话数量'}}</div>
						<div class="gray" style="font-size:0.55rem">{{item.createtime}}</div>
					</div>
					<div class="fui-cell-remark">
					</div>
				</div>
				<div ng-if="!pagedata.loading && (!pagedata.list || pagedata.list.length<1)" class='content-empty' style="margin-top:0">
					<i class='icon icon-cry' style="font-size:1.5rem"></i><br/>暂时没有任何信息
				</div>
		</div>
		<div ng-show="pagedata.loading" class='infinite-loading'><span class='fui-preloader'></span><span style="margin-left:1.5rem"> 正在加载...</span></div>
		<div ng-include="sys_html('common/_copyright',true)"></div>
	</div>
	</div>
</div>
<div class='fui-page fui-page-current article-index-page' ng-if="pagedata.op=='detail'">
	<style type="text/css">
.fui-cellone {
    position: relative;
    padding: 0.3rem 0.5rem;
	-webkit-align-items: flex-start;
	align-items:flex-start;
}
.fui-cellone .fui-cellone-label,.fui-cellone .fui-cellone-remark {
    width: 2.7rem;
}
.fui-cellone .fui-cellone-text .text{
    background: #fff;
    border-radius: 0.3rem;
	padding:0.3rem 0.4rem;
	font-size:0.7rem;
    color: #333;
    width: auto;
}
.fui-cellone-remark .pic{float: right;width: 2rem;height: 2rem;border-radius: 0.2rem; margin-left:0.7rem;}
.fui-cellone-label .pic{float: left;width: 2rem;height: 2rem;border-radius: 0.2rem;margin-right: 0.7rem;}
.logtime{text-align:center;font-size: 0.7rem;line-height:2;width:7.6rem;margin: 0.6rem auto 0;color: #fff;background: #ccc;border-radius: 0.2rem;}
body,html,#mainpage,#sendbox{width: 100%;height: 100%;background: #F2F2F2;}
#sendbox {-webkit-box-orient: vertical;-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;flex-direction: column;}
#sendbox .chat-main{-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;width: 100%;font-size: 0.65rem;overflow-x: hidden;-webkit-overflow-scrolling: touch;background: #F2F2F2;display: block;}
#sendbox .chat-main .chatlog(padding: 0.2rem;width:100%)
#sendbox .r .text{float: right;}
#sendbox .l .text{float: left;}
#chat-foot{height: 2.5rem;background: #fff;width: 100%;border-top: #EBEBEB solid 1px;padding: 0.4rem 0.2rem;z-index:11}
#chat-foot span {line-height:1.3rem;font-size:1.4rem;}
#chat-foot .inp{float: left; display: block;color: #333;text-indent: 0.6rem;line-height:1.4rem}
#chat-foot input{border:none;}
#chat-foot .sub-btn{width:2.5rem;text-align:center;float: right;background: #18bc9c;color: #fff;border-radius: 0.2rem;margin:0 0.1rem 0.2rem 0}
#chat-foot .showaudio{width:80%;border: 1px solid #EBEBEB;border-radius: 0.1rem;text-align:center;margin-left:0.2rem;padding:0.1rem 2rem;}
.fui-content {
	position: absolute;
	display: block;
	width: 100%;
	height:100%!important; 
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	padding-bottom:0
}
.chatlog {
	min-height:100%!important; 
	display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: column-reverse;
	overflow-x:Hidden；
	overflow-y:auto;
}
.fui-cell {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-moz-transition-duration: 300ms;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transition-property: background-color;
	transition-property: background-color;
	line-height: 1;
}
.fui-cell .text{font-size:0.8rem;line-height:1.2rem}
.fui-cell .icon{font-size:1.6rem}
.fui-cell-group .fui-cell {line-height:1.7;height:1.6rem}
</style>
	<div class='fui-content' style="margin-bottom:2.5rem">
		<div id="sendbox" class="flex">
			<div class="chat-main flex" id="svposttext">
					<div ng-show="pagedata.loading" class='infinite-loading'><span class='fui-preloader'></span><span style="margin-left:1.5rem"> 正在加载...</span></div>
					<div class="chatlog" style="padding-bottom:1rem;padding-top:0.5rem">
					<div ng-repeat="item in pagedata.list">
						<div ng-if="item.createtime" class="logtime">{{item.createtime}}</div>
						<div class="fui-cellone">
						<div class="fui-cellone-label"></div>
						<div class="fui-cellone-text r">
							<p class="text" style="float: right;background:#07c160;color:#fff;">{{item.askmsg}}</p>
						</div>
						<div class="fui-cellone-remark noremark">
							<img class="pic" mode="widthFix" style="background: url('{{pagedata.member.avatar || '../core/resource/images/gw-wx.png'}}') no-repeat;background-size: 100% 100%;"/>
						</div>
						</div>
						<div class="fui-cellone">
						<div class="fui-cellone-label">
							<img class="pic" mode="widthFix" style="background: url('{{pagedata.pluginset.ailogo || '../addons/jy_chatgpt/resource/images/ailogo.jpg'}}') no-repeat;background-size: 100% 100%;"/>
						</div>
						<div class="fui-cellone-text">
							<p class="text">{{item.answer}}</p>
						</div>
						<div class="fui-cellone-remark noremark" style="text-align: left;">
							<i ng-if="item.answer" ng-click="tool.clip(item.answer)" class="icon icon-copy" style="font-size:0.8rem;padding:0.2rem;border-radius:0.2rem"></i>
						</div>
						</div>
					</div>
					</div>
			</div>
		</div>
		<div ng-if="!pagedata.loading && (!pagedata.list || pagedata.list.length<1)" class='content-empty'>
				<i class='icon icon-cry' style="font-size:1.5rem"></i><br/>暂时没有任何信息
		</div>
	</div>
</div>
<div class="fe-floatright-bottom" style="bottom:1rem">
	<div class="icon" style="border-radius: 100%;background-color: {{main.syscolor || '#63BE72'}};width:" href="javascript:;" ng-click="access_json('jy_chatgpt/home/')">
		<i class="icon icon-wo1" style="color:#fff;font-size:1.1rem;"></i>
	</div>
</div>
<script>
if(scope.pagedata.op!='detail'){
	scope.tool.get_list('jy_chatgpt/mychat/list/',true);
	scope.pagedata.scroll_bottom=function(){
		scope.tool.get_list('jy_chatgpt/mychat/list/');
	}
}else{
	scope.tool.get_list('jy_chatgpt/index/list/chatid='+scope.pagedata.item.id,true);
	scope.pagedata.scroll_bottom=function(){
		scope.tool.get_list('jy_chatgpt/index/list/chatid='+scope.pagedata.item.id);
	}
}
</script>